<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>兰蔻官网</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../styles/index.css" />
		<link rel="stylesheet" type="text/css" href="../static/fonts/iconfont.css">
		<link rel="stylesheet" type="text/css" href="swiper.min.css">
		<style>
			.swiper-container {
				--swiper-theme-color: #ff6600;
				--swiper-pagination-color: #666;
				/* 两种都可以 */
			}
		</style>
	</head>
	<body>
		
		<!-- 导航 -->
		<header>
			
			<!--导航板块-->
			<div class="header-container">
				<!--导航版心区域-->
				<div class="header-top">
					<div class="header-toplogo">
						<!--上部分-->
						<img style="width:156px;height:38px;" src="../static/imags/logo@2x.png" alt="">
					</div>
				</div>

				<div class="header-bottom">
					<!--下部分 -->
					<div class="header-left">
						<a href="#"><img style="width:112px;height:27px;" src="../static/imags/logo@2x.png" alt=""></a>
					</div>
					<div class="header-center">
						<ul class="center-list">
							<li><a href="">首页</a></li>
							<li>
								<a href="https://www.lancome.com.cn/l1_axe_skincare">护肤</a>
								<div id="ding1">
									<div class="ding-left">
										<div id="dingtop"><a href="">产品类型</a><a href="">产品系列</a><a href="">肌肤需求</a></div>
										<ul class="ding1bottom">
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
										</ul>
									</div>
									<div class="ding1-right">
										<img src="../static/imags/15737477286534760.jpg"alt="">
										<h3 id="dd">全新第二代小黑瓶精华</h3>
										<p id="d2">一瓶重现细嫩好肤质 ></p>
									</div>
								</div>
							</li>
							<li>
								<a href="https://www.lancome.com.cn/l1_l1_axe_makeup">彩妆</a>
								<div  class="ding1-2">
									<div class="ding-left">
										<div id="dingtop"><a href="">底妆</a><a href="">唇妆</a><a href="">眼妆</a><a href="">美妆&工具</a></div>
										<ul class="ding1bottom">
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
										
											
										</ul>
									</div>
									<div class="ding1-right">
										<img src="../static/imags/15738072993021917.jpg"alt="">
										<h3 id="dd">全新第二代小黑瓶精华</h3>
										<p id="d2">一瓶重现细嫩好肤质 ></p>
									</div>
								</div>
							</li>
							<li>
								<a href="https://www.lancome.com.cn/l1_axe_fragrance">香水</a>
								<div id="ding1">
									<div class="ding-left">
										<div id="dingtop"><a href="">产品类型</a><a href="">产品系列</a><a href="">肌肤需求</a></div>
										<ul class="ding1bottom">
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
										
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
											<li><a href="">卸妆&洁面</a></li>
										</ul>
									</div>
									<div class="ding1-right">
										<img src="../static/imags/15738073492422908.jpg"alt="">
										<h3 id="dd">全新第二代小黑瓶精华</h3>
										<p id="d2">一瓶重现细嫩好肤质 ></p>
									</div>
								</div>
							</li>
							<li><a href="https://www.lancome.com.cn/d11_absolue">菁纯奢宠</a></li>
							<li>
								<a href="">畅销榜单</a>
								<div id="ding2"><img src="../static/imags/15743167496733140.jpg" alt=""></div>
							</li>
							<li><a href="https://www.lancome.com.cn/landingpage/membergift">会员中心</a></li>
							<li>
								<a href="">官网购物理由</a>
								<div id="ding3"><img src="../static/imags/1559786691928905.jpg" alt=""></div>
							</li>
						</ul>
						
					</div>
					<div class="header-right">
						<span class="tu1 iconfont ">
							<a href="">&#xe62a;</a>
							<div id="dingtu1" >
								<div class="shuru">
									<input type="text"  id="soutishi" placeholder="菁纯臻穷">
									<div class="sousuo"><button class="iconfont">&#xe62a;</button></div>
								</div>
								<ul class="soutishi1">
									
								</ul>
								<div class="s1"><a class="suaxin2" href="">历史记录</a><a class="suaxin"href="">fff</a></div>
								<div class="s2"><a class="suaxin2" href="">历史浏览</a><a class="suaxin" href="">fff</a></div>
								<ul id="liulan">
									<li>
										<img style="width:89px;height:85px;"  src="https://res.lancome.com.cn/resources/2019/8/29/15670589576663210_920X920.jpg?version=20191121230034088" alt="">
										<p>第二代[小黑瓶]精华</p>
										<b>￥760</b>
									</li>
									<li>
										<img style="width:89px;height:85px;"  src="https://res.lancome.com.cn/resources/2019/8/29/15670589576663210_920X920.jpg?version=20191121230034088" alt="">
										<p>第二代[小黑瓶]精华</p>
										<b>￥760</b>
									</li>
									<li>
										<img style="width:89px;height:85px;"  src="https://res.lancome.com.cn/resources/2019/8/29/15670589576663210_920X920.jpg?version=20191121230034088" alt="">
										<p>第二代[小黑瓶]精华</p>
										<b>￥760</b>
									</li>
								</ul>
								<h3>大家都在浏览</h3>
								<p class="liu1"><!-- <a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a> --></p>
							</div>
						</span>
						<span class="tu1 iconfont ">
							<a href="">&#xe647;</a>
							<div id="dingtu2">
								<div class="dingtu2top">
									<div class="dingtu2left">
										<p>您的购物袋（）</p>
										<div class="tutu"><img style="width:102px;height:102px;"src="../static/imags/15738072993021917.jpg" alt=""><div id="tu2cc"><a href="">箐纯宝石唇膏</a><p><span></span><b> #02 鸽血红宝石</b></p></div></div>
									</div>
									<div class="dingtu2right">
										<div class="d2left">
											<p>数量</p><p>1</p>
										</div>
										<div class="d2right">
											<p>价格</p>	<p>260</p>
										</div>
									</div>
								</div>
								<div class="dingtu2bottom">
									<p>￥270</p>	<p>总计</p>
									
								</div>
							</div>
							
						</span>
						<span class="tu1 iconfont ">
							<a href="">&#xe657;</a>
							<div id="dingtu3" >
								<p>官网会员权益，购正装获积分，畅享明星兑礼。</p>
								<div class="dingtu3-bt">
									<ul class="bt-top">
										<li id="dddd" ><a id="d1" href="">登录</a></li>
										<li><a id="d2" href="">注册</a></li>
									</ul>
									<ul class="bt-bottom">
										<li class="biankuang">
											<input  id="input1" type="text" placeholder="手机号">
											<div id="tishi1"></div>
										</li>
										<li >
											<div class="dakuai2"><input id="input2" type="text" placeholder="输入验证码"></div>
											<a  href=""  class="yanzheng"><img style="width:50px;height:39px;"   src="https://www.lancome.com.cn/botdetectcaptcha?get=image&c=captcha_pc_hoverSmsLogin&t=a8091a63745846169a99b6b05467abf7" alt=""></a>
											<div class="kuai2right"><a href="">看不清?</a><a href="">换一张</a></div>
										</li>
										<li><div class="kuang3"><input id="input3" type="text" placeholder="短信验证码"></div><button class="goumai" id="bb1">发送</button></li>
										<li><input id="input4" class="goumai" type="submit" value="登录"></li>
									</ul>
									<a id="mimadenglu"href="">密码登录</a>
									<div class="sanfang">
										<p>使用第三方账号登录</p>
										<span>
											<a href="">s</a>
											<a href="">s</a>
											<a href="">s</a>
											<a href="">s</a>
										</span>
									</div>
								</div>
							</div>
						</span>
					</div>
				</div>
				


			</div>
		</header>
		

		<!-- 轮播图1-->
		<div class="bananer1">
			<!-- 轮播响应板块 -->
			<div class="bananer1content">
				<!-- 轮播内容 -->
				<!-- 图片列表1 -->
				<div class="img1"><img style="width:1346px;height:385px;" src="https://res.lancome.com.cn/resources/2019/12/5/15755377486152812.jpg" alt=""></div>
				<div class="img1"><img style="width:1346px;height:385px;" src="../static/imags/15741294698845942.jpg" alt=""></div>
				<div class="img1"><img style="width:1346px;height:385px;" src="../static/imags/15746065927004485.jpg" alt=""></div>
				<div class="img1"><img style="width:1346px;height:385px;" src="../static/imags/15737448996505892.jpg" alt=""></div>
				<div class="img1"><img style="width:1346px;height:385px;" src="../static/imags/15749550368063976.jpg" alt=""></div>
				<div class="img1"><img style="width:1346px;height:385px;" src="../static/imags/15746083867173309.jpg" alt=""></div>


			</div>
			<div class="navlist">
				<!-- 圆点列表1 -->
				<div class="active nav1"></div>
				<div class="nav1"></div>
				<div class="nav1"></div>
				<div class="nav1"></div>
				<div class="nav1"></div>
			</div>
			<div class="b1">
				<!-- 轮播图一的三角 -->
				<a href=""><img src="" alt=""></a>
			</div>
		</div>

		<!-- 当代推荐 -->
		<h2 class="biaoti1">当代推荐</h2>
		<!-- 轮播图2 -->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/8/29/15670589576663210_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>一瓶重现细嫩好肤质</h2>
							<p>第二代[小黑瓶]精华</p>
							<b>￥760</b>
						</a>
						<div  class="goumai"><a href="#">购买</a></div>
					</div>
					
					
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/6/20/1561045101456509_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>润而不腻	干皮救星</h2>
							<p>兰蔻新清滢柔肤水</p>
							<b>￥420</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
					
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/6/20/15610451667831420_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>收眼袋 平细纹 养睫毛</h2>
							<p>兰蔻新眼部精华肌底液</p>
							<b>￥680</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
					
					
				</div>
				<div class="swiper-slide">
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/6/20/1561045192601871_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>熬夜也不怕黑眼圈</h2>
							<p>兰蔻小黑瓶【发光眼霜】*</p>
							<b>￥520</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
					
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/11/29/15749577290327280_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>宝石入妆，炫目耀眼</h2>
							<p>菁纯宝石唇膏</p>
							<b>￥270</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
					
					<div class="baokuai">
						<img  style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/6/20/15610455543656894_920X920.png?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>持久持妆，近看不假面</h2>
							<p>兰蔻持妆清透粉底液</p>
							<b>￥420</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
					
					
				</div>
				<div class="swiper-slide">
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/6/20/15610455543656894_920X920.png?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>持久持妆，近看不假面</h2>
							<p>兰蔻持妆清透粉底液</p>
							<b>￥420</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
					
					
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/6/20/15610452447496424_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>紧致眼周 平滑细纹</h2>
							<p>兰蔻新塑颜紧致眼霜</p>
							<b>￥560</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
					
					
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/5/27/15589469130178237_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>紧致*白皙*淡纹</h2>
							<p>兰蔻素颜紧致焕白霜</p>
							<b>￥895</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
				</div>
			</div>
			<!-- 如果需要分页器 -->
			 <div class="swiper-pagination"></div> 
			<!-- 如果需要导航按钮 -->
			<!-- <div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div> -->
		</div>


		<h2 class="biaoti2">菁纯奢宠臻献</h2>
		<div class="imgbox">
			<!-- 图片板块 -->
			<div class="imgcontent">
				<img style="width:1317px;" src="../static/imags/15737453117295154.jpg" alt="">
			</div>
		</div>
		<!-- 兰蔻菁纯奢宠家族 -->
		<div class="biaotilist">
			<a class="biaoti3" href="#">兰蔻菁纯奢宠家族</a>
			<a class="xiaobiaoti" href="#">兰蔻菁纯奢宠家族，由内而外自带高光，唤启你的丰润无龄肌。</a>
			
		</div>
		
		<!-- 轮播3 -->
		<div class="swiper-container swiper_2">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/11/15/15738262205611824_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>一瓶重现细嫩好肤质</h2>
							<p>第二代[小黑瓶]精华</p>
							<b>￥760</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
					
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/11/15/15737923870183324_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>一瓶重现细嫩好肤质</h2>
							<p>第二代[小黑瓶]精华</p>
							<b>￥760</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
					
					<div class="baokuai">
						<img  style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/11/15/1573792346400275_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>一瓶重现细嫩好肤质</h2>
							<p>第二代[小黑瓶]精华</p>
							<b>￥760</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
					
					
				</div>
				<div class="swiper-slide">
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/11/15/15737925763526059_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>一瓶重现细嫩好肤质</h2>
							<p>第二代[小黑瓶]精华</p>
							<b>￥760</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
					
					
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/11/15/15737922246855053_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>一瓶重现细嫩好肤质</h2>
							<p>第二代[小黑瓶]精华</p>
							<b>￥760</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
					
					
					<div class="baokuai">
						<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/11/15/15737926229638119_920X920.jpg?version=20191121230034088" alt="">
						<a class="a1" href="#">
							<h2>一瓶重现细嫩好肤质</h2>
							<p>第二代[小黑瓶]精华</p>
							<b>￥760</b>
						</a>
						<div class="goumai"><a href="#">购买</a></div>
					</div>
				</div>
			</div>
			<!-- 如果需要分页器 -->
			 <div class="swiper-pagination"></div> 
			<!-- 如果需要导航按钮 -->
			<!-- <div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div> -->
		</div>
		<!-- 官网特别服务 -->
		<h2 class="biaoti4">官网特别服务</h2>
		<!-- 产品4 -->
		<div class="chanpin  ">
		<div class="swiper-wrapper">
		<div class="swiper-slide">
			<div class="baokuai">
				<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/11/14/15737453635315040.jpg" alt="">
				<a class="a1" href="#">
					<h2>一瓶重现细嫩好肤质</h2>
					<p>第二代[小黑瓶]精华</p>
				</a>
				<div class="goumai"><a href="#">购买</a></div>
			</div>
			
			<div class="baokuai">
				<img style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/11/14/1573745398338564.jpg" alt="">
				<a class="a1" href="#">
					<h2>一瓶重现细嫩好肤质</h2>
					<p>第二代[小黑瓶]精华</p>
				</a>
				<div class="goumai"><a href="#">购买</a></div>
			</div>
			
			<div class="baokuai">
				<img  style="width:415px;height:415px;" src="https://res.lancome.com.cn/resources/2019/11/14/15737454704858105.jpg" alt="">
				<a class="a1" href="#">
					<h2>一瓶重现细嫩好肤质</h2>
					<p>第二代[小黑瓶]精华</p>
				</a>
				<div class="goumai"><a href="#">购买</a></div>
			</div>
		</div>
		</div>
		</div>
		<!-- 最后的大图 -->
		<div class="lasttu">
			<div class="lasttu1">
				        <a href="/landingpage/join-us">
				            <img style="width:1346px;"src="https://res.lancome.com.cn/resources/2019/11/24/15746101110733761.jpg"/>
				        </a>
				    
			</div>
		</div>
		<!-- 兰蔻网站 -->
		<footer>
			<div class="footer-top">
				<div class="footer-top1">
					<h2>兰蔻中国官方网站</h2>
					<ul>
						<li>
							<div class="imgguanwang"><img src="https://res.lancome.com.cn/build/images/new-img/footer-1.png" alt=""></div>
							<h3>正品保证</h3><p>官方直供原装</p>
						</li>
						<li>
							<div class="imgguanwang"><img src="https://res.lancome.com.cn/build/images/new-img/footer-2.png" alt=""></div>
							<h3>正品保证</h3><p>官方直供原装</p>
						</li>
						<li>
							<div class="imgguanwang"><img src="https://res.lancome.com.cn/build/images/new-img/footer-3.png" alt=""></div>
							<h3>正品保证</h3><p>官方直供原装</p>
						</li>
						<li>
							<div class="imgguanwang"><img src="https://res.lancome.com.cn/build/images/new-img/footer-4.png" alt=""></div>
							<h3>正品保证</h3><p>官方直供原装</p>
						</li>
					</ul>
				</div>
				<div class="footer-top2">
					<ul class="top2-1">
						<li>
							<h3>关于我们</h3>
							<a href="">关于兰蔻</a>
							<a href="">会员中心</a>
						</li>
						<li>
							<h3>联系我们</h3>
							<a href="">线上美容顾问</a>
							<a href="">订购中心 ：4008208816</a>
						</li>
						<li>
							<h3>配送及退货</h3>
						</li>
						<li>
							<h3>专柜及查询</h3>
						</li>
						<li>
							<h3>关注我们</h3>
							<a href=""><i></i><span>官方微信</span></a>
							<a href=""><i></i><span>官方微博</span></a>
						</li>
					</ul>  
						<div class="top2-2">
							<p><i></i><span>电子邮件</span></p>
							<div class="topyouxiangput">
								<input id="input-yx"value="* 输入你的邮箱" type="text">
								<button >确定</button>
						    </div>
						</div>
				</div>
			</div>
			<div class="footer-bottom">
				<ul class="list1">
					<li><span>© L’Oreal China 欧莱雅（中国）有限公司版权所有</span></li>
					<li><a href=""> 中国工商</a><a href="">  沪ICP备08100043号-34</a></li>
					<li><a href=""> 沪公网安备 31010602001526号</a></li>
				</ul>
				<ul class="list2">
					<li><a href="">使用条款</a></li>
					<li><a href="">Cookies政策</a></li>
					<li class="active"><a href="">隐私政策</a></li>
				</ul>
				<p><a href="">浏览该网站表示您接受并同意我们使 用cookies为您提供个性化的浏览体验。点击Cookies政策了解详情</a></p>
			</div>
		</footer>
		<!-- 引入 -->
		<script src="../scripts/swiper.min.js"></script>
		<div id="topding">
			<a href=""><img src="https://res.lancome.com.cn/build/images/new-img/back-top.png" alt=""></a>
			
		</div>
	</body>
	<script src="../conf/require.js" data-main="index.js"></script>
	<script>
		new Swiper('.swiper-container', {
			autoplay: true, //等同于以下设置
			direction: 'horizontal', //  var mySwiper = new Swiper ('.swiper-container垂直切换选项
			// 如果需要分页器
			pagination: {
				el: '.swiper-pagination',
			},
			
		})
		new Swiper('.swiper', {
			autoplay: true, //等同于以下设置
			direction: 'horizontal', //  var mySwiper = new Swiper ('.swiper-container垂直切换选项
			// 如果需要分页器
			pagination: {
				el: '.swiper-pagination',
			},
			
		})
	</script>
	<script type="text/javascript" src="text.js">
		
	</script>
</html>
